<template>
	<div class="flex bg-blue-furn" style="height: calc(100vh - 448px);">
		<!-- 其他工位数据 -->
		<!-- 天车实绩 -->
		<div class="flex-sub padding-lr hidden">
			<div class="text-xl padding-lg margin-tb-lg">
				天车实绩
			</div>

			<pol-table v-bind="tableOpt" height="780px"></pol-table>
		</div>

		<!-- 转炉实绩 -->
		<div class="flex-sub padding-lr hidden">
			<div class="text-xl padding-lg margin-tb-lg">
				转炉实绩
			</div>
			<pol-table v-bind="tableOpt" height="780px"></pol-table>
		</div>

		<!-- 精练实绩 -->
		<div class="flex-sub padding-lr hidden">
			<div class="text-xl padding-lg margin-tb-lg">
				精练实绩
			</div>
			<pol-table v-bind="tableOpt" height="780px"></pol-table>
		</div>

		<!-- 钢包炉实绩 -->
		<div class="flex-sub padding-lr hidden">
			<div class="text-xl padding-lg margin-tb-lg">
				钢包炉实绩
			</div>
			<pol-table v-bind="tableOpt" height="780px"></pol-table>
		</div>
	</div>
</template>

<script setup>
	import { ref } from 'vue';

	//表格配置
	const columns = ref([
		{ label: '实绩名称', key: 'ItemCode', align: 'center' },
		{ label: '实绩数值', key: 'ItemName', align: 'center' }
	]);

	//表格配置
	const tableOpt = ref({
		columns: columns.value,
		localData: [{
				ItemCode: '数据来源',
				ItemName: ''
			},
			{
				ItemCode: '制作命令号',
				ItemName: ''
			},
			{
				ItemCode: '计划号',
				ItemName: ''
			},
			{
				ItemCode: '熔炼号',
				ItemName: ''
			},
			{
				ItemCode: '转炉ID号',
				ItemName: ''
			},
			{
				ItemCode: '内部钢种',
				ItemName: ''
			},
			{
				ItemCode: '钢种',
				ItemName: ''
			},
			{
				ItemCode: '钢包ID号',
				ItemName: ''
			},
			{
				ItemCode: '钢包重量',
				ItemName: ''
			},
			{
				ItemCode: '进工位时间',
				ItemName: ''
			},
			{
				ItemCode: '出工位毛重',
				ItemName: ''
			},
			{
				ItemCode: '出工位净重(t)',
				ItemName: ''
			},
			{
				ItemCode: '出工位温度',
				ItemName: ''
			},
			{
				ItemCode: 'C含量',
				ItemName: ''
			},
			{
				ItemCode: '0含量',
				ItemName: ''
			},
		]
	});
</script>

<style lang="scss" scoped>

</style>